// 封装购物车模块

// 导入userStore
import { useUserStore } from "@/stores/user";
import { defineStore } from "pinia";
import { computed, ref } from "vue";
import { insertCartAPI, findNewCartListAPI, delCartAPI } from "@/apis/cart";

export const useCartStore = defineStore(
  "cart",
  () => {
    const userStore = useUserStore();
    const { token } = userStore.userInfo;
    // 定义state数据 -- cartList
    const cartList = ref([]);

    // 定义getters -- 计算属性
    // 1 总的数量 - 所有项的count之和 --  preValue: 累加总数, item: 每一项
    const sumCount = computed(() => {
      return cartList.value.reduce((preValue, item) => preValue + item.count, 0); // 初始值：0
    });
    // 2 总价 所有项的count*price之和
    const sumPrice = computed(() => {
      return cartList.value.reduce((preValue, item) => preValue + item.count * item.price, 0); // 初始值：0
    });
    // 3. 是否全选
    const isAll = computed(() => {
      // 判断是否有未选中的商品
      return cartList.value.every((item) => item.selected);
    });
    // 4. 计算已选中商品的数量
    const selectedCount = computed(() => {
      // 1. 过滤出选中的商品
      const selectedGoods = cartList.value.filter((item) => item.selected);
      // 2. 返回选中商品的数量
      return selectedGoods.reduce((preValue, item) => preValue + item.count, 0);
    });
    // 5. 计算已选中商品的总价
    const selectedPrice = computed(() => {
      // 1. 过滤出选中的商品
      const selectedGoods = cartList.value.filter((item) => item.selected);
      // 2. 返回选中商品的总价
      return selectedGoods.reduce((preValue, item) => preValue + item.count * item.price, 0);
    });

    // action方法
    // 1. 定义action方法 -- addCart
    const addCart = async (goods) => {
      const { skuId, count } = goods;
      // 是否登录
      if (token) {
        console.log(token);
        // 接口购物车
        // 1. 调用接口 -- 加入购物车
        await insertCartAPI({ skuId, count });
        getNewCartList();
      } else {
        // 本地购物车
        // 1. 判断商品是否存在 -- 这里使用的时skuId，包含规格判断
        const item = cartList.value.find((item) => item.skuId === goods.skuId);
        if (!item) {
          // 2. 不存在 -- 直接push
          cartList.value.push(goods);
        } else {
          // 3. 存在 -- 修改count
          item.count++;
        }
      }
    };
    // 2. 定义action方法 -- 删除商品
    const delCart = async (skuId) => {
      // 是否登录
      if (token) {
        // 1. 调用接口 -- 删除购物车
        // 2. 获取购物车列表
        await delCartAPI([skuId]);
        // 3. 用接口购物车列表覆盖本地购物车列表
        getNewCartList();
      } else {
        // 思路一：
        // 1. 找到要删除的索引
        const index = cartList.value.findIndex((item) => item.skuId === skuId);
        // 2. 调用splice方法删除
        if (index !== -1) {
          cartList.value.splice(index, 1);
        }

        //思路二：过滤 filter
        //cartList.value = cartList.value.filter((item) => item.skuId !== skuId);
      }
    };
    // 3. 定义action方法 -- 修改商品状态
    const updateCart = (skuId, selected) => {
      // 1. 找到要修改的商品
      const item = cartList.value.find((item) => item.skuId === skuId);
      // 2. 修改商品状态
      if (item) {
        item.selected = selected;
      }
    };
    // 4. 定义action方法 -- 全选
    const updateCartAll = (selected) => {
      // 1. 遍历修改
      cartList.value.forEach((item) => (item.selected = selected));
    };
    // 5. 定义action方法 -- 退出登录时清空购物车
    const clearCart = () => {
      // 1. 清空本地购物车
      cartList.value = [];
    };

    // 获取最新购物车列表函数
    const getNewCartList = async () => {
      // 1. 获取购物车列表
      const res = await findNewCartListAPI();
      // 2. 用接口购物车列表覆盖本地购物车列表
      cartList.value = res.result;
    };

    // 抛出
    // 以对象格式返回action和state
    return {
      cartList,
      sumCount,
      sumPrice,
      isAll,
      selectedCount,
      selectedPrice,
      addCart,
      delCart,
      updateCart,
      updateCartAll,
      clearCart,
      getNewCartList,
    };
  },
  {
    persist: true, // 开启持久化 -- pinia插件
  }
);
